<div class="register modal-content">
  <div class="modal-wrap" *ngIf="!showSmsCode; else smsCode">
    <form nz-form [formGroup]="formModel" class="login-form" (ngSubmit)="onSubmit()">
      <nz-form-item>
        <span>手机号</span>
        <nz-form-control nzHasFeedback nzErrorTip="请输入手机号">
          <nz-input-group nzPrefixIcon="mobile">
            <input type="tel" formControlName="phone" nz-input placeholder="请输入手机号" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <span>密码</span>
        <nz-form-control nzHasFeedback nzErrorTip="请输入密码">
          <nz-input-group nzPrefixIcon="lock">
            <input type="password" formControlName="password"  nz-input placeholder="请输入密码" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control>
          <button
            nz-button
            class="login-form-button"
            [disabled]="!formModel.valid"
            nzType="primary"
            nzBlock
          >下一步</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </div>
  <ng-template #smsCode>
    <app-wyy-verify-code
      [phoneNumber]="formModel.get('phone').value"
      [timing]="timing"
      [codePass]="codePassed"
      (onCheckCode)="onCheckCode($event)"
      (onReSendCode)="sendSmsCode()"
      (onCheckExist)="onCheckExist()"
    ></app-wyy-verify-code>
  </ng-template>
</div>
<div class="m-footer clearfix">
  <a (click)="onChangeModalType.emit('default')">&lt;其它登录方式</a>
</div>
